@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
html, body { width: 100%; height: 100%; font-size:calc(100vw / 19.2); position: relative;}
body{color:#595757;	margin:0px auto; font-family: "webfont"; font-size:0.16rem; background:#FFFFFF; }
.container { width: 18rem; padding-left: 0.3rem; padding-right: 0.3rem; font-size: 0.16rem;  margin-right: auto;  margin-left: auto; overflow: hidden;}
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0;vertical-align: middle; }
img[src=""]{ display: none; } /*隐藏没有src的img 在ie8 会显示分裂图 并且站高度*/
video{display: block;}
p{ margin: 0px; line-height: 1.7em;}
b,strong{ font-weight: bold; }
table{ border-collapse: collapse; border-spacing: 0; }
li{ list-style: none outside none;}
i{ font-style: normal;}
/*链接 ，作为容器不需要hover等*/
a{ text-decoration:none; outline:none; color: inherit; }
/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}
@font-face {
	font-family: "iconfont";
	font-style: normal;
	font-weight: normal;  
	src: url("../fonts/iconfont.eot");
	src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg?#qcon") format("svg");
  }
@font-face {
  font-family: "webfont";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/webfont.eot");
  src: url("../fonts/webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/webfont.woff") format("woff"), url("../fonts/webfont.ttf") format("truetype"), url("../fonts/webfont.svg?#qcon") format("svg");
}
@font-face {
  font-family: 'ZhenyanGB'; 
  src: url('../fonts/ZhenyanGB.eot');
  src: url('../fonts/ZhenyanGB.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ZhenyanGB.woff2') format('woff2'),
  url('../fonts/ZhenyanGB.woff') format('woff'),
  url('../fonts/ZhenyanGB.ttf') format('truetype'),
  url('../fonts/ZhenyanGB.svg#锐字真言体') format('svg');
}
@font-face {
  font-family: 'HYZongYiTiJ'; 
  src: url('../fonts/HYZongYiTiJ.eot');
  src: url('../fonts/HYZongYiTiJ.eot?#iefix') format('embedded-opentype'),
  url('../fonts/HYZongYiTiJ.woff2') format('woff2'),
  url('../fonts/HYZongYiTiJ.woff') format('woff'),
  url('../fonts/HYZongYiTiJ.ttf') format('truetype'),
  url('../fonts/HYZongYiTiJ.svg#汉仪综艺体简') format('svg');
}
@font-face{font-family:"socialshare";src:url("../fonts/share.eot");src:url("../fonts/share.eot?#iefix") format("embedded-opentype"),url("../fonts/share.woff") format("woff"),url("../fonts/share.ttf") format("truetype"),url("../fonts/share.svg#share") format("svg")}
.social-share{font-family:"socialshare" !important;font-size:0.16rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.homeicon {
    display: inline-block;
    font: normal normal normal 14px/1 iconfont;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class*='webicon-']{ font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.red {
    color: #F00 !important;
}
/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;  font-family: inherit; font-size: inherit; margin: 0; outline: none; box-sizing: border-box; }
button,select {text-transform: none;}
input,textarea{font-size: 0.16rem; width: 100%; padding: 0.05rem;color: #000000; border: 1px solid #c1c1c1; background-color: #FFFFFF; background-image: none; -webkit-user-select:auto; /*webkit浏览器*/  user-select:auto; -o-user-select:auto; -ms-user-select:auto;}
/*清除浮动*/
.clear { display:block; clear:both;}
.float_left { float:left; }
.float_right { float:right; }
/*圆角*/
.no-round-corner{ border-radius:0; overflow: hidden; }
.small-round-corner{ border-radius: 6px ; overflow: hidden; }
.medium-round-corner{ border-radius: 12px; overflow: hidden; }
.big-round-corner{border-radius: 18px; overflow: hidden; }
/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:0.1rem; display:none; } /*more链接*/
.more a{ color:#167312}
.code_image{ cursor: pointer; margin:0.05rem;} /*验证码图片样式*
/*必须输入，主要*/
.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:0.6rem; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
/**表单通用样式**/
.text_table li{ width:100%; margin-bottom:0.1rem;display: -webkit-flex; /* Safari */ display: flex;align-items:center;justify-content: flex-start;}
.text_table span{flex-shrink: 0; font-weight:bold; text-align: right; width:1rem; margin-right:0.1rem;}
.text_table span i{ font-style:normal;}
.text_table li > div{text-align:left;width:-webkit-calc(100% - 1.1rem);width:-moz-calc(100% - 1.1rem); width:calc(100% - 1.1rem); }
.text_table li > div.MemberCode{ width:auto;}
.text_table li.smscode{}
.text_table li.smscode > div{ width:auto;}
.text_table .operation{text-align:center; }
.text_table #Detail{ height:2rem;}
.text_table .operation{ text-align:center }
/*按钮*/
.btn { display: inline-block;  padding: 0.05rem 0.1rem; font-weight: 400; overflow: hidden; background: #91708b; color: #FFF;
	text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation;
	cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	background-image: none; border: 1px solid transparent; border-radius: 0.04rem;; -webkit-appearance: none; appearance: none; }
/*默认样式*/
.btn:hover { opacity: .8; }
.btn:active { box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }
/*按钮大小*/
.btn-large {font-size: 0.16rem;  height: 0.4rem;  line-height: 0.4rem;  padding: 0rem 0.25rem;}
.btn-small { padding: 0.05rem 0.15rem; font-size: 0.14rem; line-height: 1.5; border-radius: 0.03rem; }
.btn-tiny {  font-size: 0.12rem;  height: 0.25rem;  line-height: 0.25rem; padding: 0rem 0.1rem;}
/*块按钮*/
.btn-block {display: block;}
/*==========@@元件 开始@@==========*/
/**首页banner**/
/*banner带文字*/
.banner{ width:100%; position:relative; overflow:hidden; display: -webkit-flex;  display: flex;align-items: center;}
.banner_pic{ width:100%; position:relative; overflow:hidden;}
.banner img{ width:100%; height: 100%; object-fit: cover;}
.banner_k{display: -webkit-flex;  display: flex; align-items: center;}
.banner_txt{ padding: 0.7rem 0.6rem; background: rgba(100,95,152,0.8); position: relative; overflow: hidden;}
.banner_title{ width:100%; position:absolute; overflow:hidden;}
.banner_txt h3{ font-size:0.4rem; color:#FFF; text-transform: uppercase; font-weight: normal;}
.banner_txt h3:first-line{ color:#FFF; margin-bottom:0.15rem;font-weight: bold;}
#maintongji{ width:100%; margin: 0.2rem auto; position:relative; overflow:hidden;}
.about_maintongji{ width:100%; position:relative; overflow:hidden;display: -webkit-flex; /* Safari */ display: flex;align-items:center;justify-content:space-between; margin-top:15px;}
.about_maintongji li h2{ font-size:20px;color: #91708b;}
.about_maintongji li h2 span{ font-family: 'HYZongYiTiJ'; font-size:0.4rem;}
.about_maintongji li{ text-align:center;}
/*==========@@元件 结束@@==========*/
.headlanguage{ display: inline-block; margin-left: 0.15rem; margin-right: 0.15rem;}
.headlanguage img{ width: 0.3rem; height: 0.3rem;}
.navbar-header{ display: inline-block; margin-left: 0.15rem; margin-right: 0.15rem;}
.webicon-wap{display: -webkit-flex; /* Safari */ display: flex; color: #000000; font-size: 0.24rem;}
.webicon-wap:before{content:"\e733"}

/*==========@@模块  开始@@==========*/
/*样式1*/
.left_title1{ text-align:center; overflow: hidden; margin-bottom: 0.25rem;}
.left_title1 p { color: #141414; font-size:0.2rem;}
.left_title1 h2 a{ font-family: 'ZhenyanGB'; font-size:0.3rem; font-weight:normal; color: #000;}
.left_title1 i{ display: block; width: 0.3rem; height: 3px; background: #91708b; margin: 0 auto; margin-top: 0.1rem; }
.left_body1con{ width: 100%; padding-top: 1.25rem; padding-bottom: 1rem;}
.left_body1 { overflow:hidden; zoom:1;}
.left_body1 .ChannelPicture{ float:right; overflow:hidden; width:480px;}
.left_bottom1 { height:0px; margin-bottom:0px;}
.right_body { overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
/*频道*/
.ChannelContent{ width: 100%; margin: 0 auto;line-height: 2.0em; min-height: 4.2rem; text-align: justify; }
.ChannelList{ width: 100%; margin: 0 auto;line-height: 2.0em; min-height: 4.2rem; text-align: justify;}
.ChannelContent a{ color: #ff9d02}
.ChannelSContent{ }
.ChannelSContent a{ color: #ff9d02}
.ChannelContent img, .ChannelSContent img, .InfoContent img{ max-width:100%; height:auto !important; }
/*信息*/
.showconent{width:100%; padding-top: 0.6rem; padding-bottom: 0.5rem; position:relative; overflow:hidden;}
.infoguestbook{width:100%; position:relative; overflow:hidden; margin:0 auto;}
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px}
.InfoTitle h1{ font-size:0.24rem; line-height: 1.5em; font-weight:normal;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent{ min-height: 4.2rem; padding-top: 0.25rem; padding-bottom: 0.35rem;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoPicture{ text-align: center; position:relative; overflow:hidden;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:0px dashed #ccc; line-height:30px; margin: 10px 0;}
.info_from_wrap a:hover { color:#555; }
#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.info_previous_next_wrap{ display: -webkit-flex;  display: flex; margin-top: 0.2rem; justify-content: space-between; flex-wrap: wrap; }
.Next,.Previous{ padding: 5px 15px; margin: 5px 0; border: 1px solid #ddd; border-radius: 50px; display: inline-block; transition-duration: .5s; }
.Next b,.Previous b{ font-weight: normal; }
.Next:hover,.Previous:hover{ box-shadow: inset 0 0 20px rgba(0,0,0,.1); }

.subservice_titlist{ width: 100%; text-align: center; border:#575195 solid 1px; position: relative; display: block; margin-bottom: 0.7rem;}
.subservice_titlist h3{ display: inline-block; font-weight: normal; margin-top: -0.3rem; padding: 0.15rem 0.3rem; background: #575195; font-size: 0.2rem; color: #FFFFFF; position: relative; overflow: hidden;}
.subservice_titlistk{ text-align: inherit; padding: 0.3rem; position: relative; overflow: hidden;}
.subservice_titlist span{ width: 100%; text-align: center; display: block; margin-bottom: 0.2rem; position: relative; overflow: hidden;font-size: 0.2rem; color: #e60044;}
.subservice_titlist p{ text-align: left;}

.info3d_body{ width: 100%; position: relative; overflow: hidden;}
.info3d_body iframe{ width: 100%; height: 6.8rem; position: relative; overflow: hidden;}
.info3d_body iframe .Ads_ads_2vcYaB{ display: none;}
/*主体通用样式*/
.ermenu{ width:100%; background:#fff; position: relative; margin: 0.3rem auto; overflow: hidden;}
.ermenu_k{font-size: 0.2rem; width:100%; margin:0 auto; position:relative; overflow: hidden;}
.ermenu_con{ width: 100%; display: -webkit-flex;  display: flex;  align-items:flex-start; justify-content: center;flex-wrap: wrap;}
.ermenu_con li{ color:#FFF;  position:relative; overflow:hidden;}
.ermenu_con li a{ display:block; padding:0.1rem 0.3rem; color:#666666;}
.ermenu_con a:hover,.ermenu_con li a.current{ background:#91708b; color: #FFFFFF;}

.sub_title { width: 100%; margin: 0 auto;text-align:center; overflow: hidden; margin-bottom: 0.9rem;}
.sub_title h2 { font-size:0.3rem; font-weight: normal; color:#595757;text-transform: uppercase;letter-spacing: 1px; }
.sub_title h4 { font-size:0.24rem; font-weight: normal;  color:#91708b; display: inline-block;}
.sub_title p { text-align: center; font-size:0.18rem;  color:#595757; position: relative; overflow: hidden; margin-top: 0.3rem;}
.sub_miniaotit h4{ color: #FFFFFF; background: #91708b; padding: 0.25rem 1.1rem; border-radius: 0.5rem;}
.sub_con{ width: 100%; margin: 0 auto; min-height: 6.2rem; padding-top: 0.3rem; padding-bottom: 0.5rem; position: relative; overflow: hidden;}
/*橱窗样式*/
.gridlist{ width: 100%; position: relative; overflow: hidden;}
.gridlist ul{ width: 100%; display: -webkit-flex;  display: flex; flex-wrap: wrap;}
.gridlist li{ width: 25%; padding:0.25rem; position: relative; overflow: hidden;}
.gridlistk{ width: 100%; position: relative; overflow: hidden;}
.gridlistk_pic{width: 100%; height: 2.55rem;position: relative; overflow: hidden;}
.gridlistk_pic img{ width: 100%; height: 100%; object-fit: cover; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms;}
.gridlistk h3{ padding: 0.1rem 0.05rem; text-align: center;font-size: 0.18rem;}
.gridlistk:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
/*橱窗列表1*/
.gridlist1{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex;/*align-items:center;*/justify-content:flex-start; flex-wrap: wrap;}
.gridlist1 li { float: left; width:25%; padding: 0.15rem; position: relative; overflow: hidden;text-align: center;}
.gridlist1 li a.InfoPicture{ display: block; margin:auto 5px; background: #FFF;}
.gridlist1 li img { width: 100%; height:100%; object-fit: cover;  transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms;}
.gridlist1 li:hover img{  -webkit-transform: scale(1.1); transform: scale(1.1);}
.gridlist1 li a{ width: 100%;  height: 2.2rem; display: block; position: relative; overflow: hidden;}
.gridlist1 li .InfoTitle{font-size: 0.18rem; font-weight: bold;display: block; background: #f5f5f5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*橱窗列表2*/
.gridlist2{ width: 100%; position: relative; overflow: hidden;}
.gridlist2 ul{ width: 100%;display: -webkit-flex; /* Safari */ display: flex;/*align-items:center;*/justify-content:start; flex-wrap: wrap;}
.gridlist2 li{ float: left; padding: 0.15rem; width: 25%; position: relative; overflow: hidden;}
.gridlist2_list{ width: 100%; background: #f4f5f9; position: relative; overflow: hidden;}
.gridlist2_top{ width: 100%; position: relative; overflow: hidden;}
.gridlist2_len{ display: inline-block; background: rgba(0,0,0,0.5); border-radius: 0.03rem; position: absolute; bottom: 0.05rem; right: 0.1rem;}
.gridlist2_len span{ color: #FFFFFF; font-size: 0.12rem; padding: 0.05rem;}
.gridlist2_pic{ width: 100%; height: 2.1rem; position: relative; overflow: hidden;display: -webkit-flex; /* Safari */ display: flex;align-items:center;justify-content:center; flex-wrap: wrap;transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.gridlist2_pic img{ width: 100%; min-height: 100%; object-fit: cover; transition: all 0.6s;}
.iconk{ z-index:2; position:absolute;display: -webkit-flex; /* Safari */ display: flex;align-items:center;justify-content:center;}
.gridlist2_list:after {
    content: "";
    width: 0;
    height: 2px;
    background: #91708b;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.gridlist2_list:hover:after{ width:100%;}
.gridlist2_list:hover dt:after{content: ''; width:100%; height:100%;position: absolute; background:rgba(0,0,0,0.5);}
.fa-play{ width: 0.4rem; height: 0.4rem;background: url("../images/videoico.png") no-repeat center center; background-size: 100% 100%;}
.gridlist2_txt{ width: 100%; padding: 0.25rem 0.1rem; position: relative; overflow: hidden;}
.gridlist2_txt h3{ font-size: 0.16rem; color: #333333; margin-bottom: 0.15rem; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gridlist2_time{ width: 100%; font-size: 0.12rem; color: #999999; position: relative; overflow: hidden;display: -webkit-flex; /* Safari */ display: flex;align-items:center;justify-content: space-between;}
.gridlist2_list:hover img{transform: scale(1.05);}
/*橱窗列表6*/
.gridlist6{ width: 100%; position: relative; overflow: hidden;}
.gridlist6 ul{ margin: 0 -0.175rem; position: relative; overflow: hidden;}
.gridlist6  li{ width: 33.33333%;float: left; padding: 0.15rem 0.175rem; margin-bottom: 0.25rem; position: relative; overflow: hidden;}
.gridlist6k{ width: 100%; padding: 0.15rem 0.2rem; background: #f6f6f6; position: relative; overflow: hidden;}
.gridlist6_top{width:100%; height: 2.8rem; position:relative; overflow:hidden; margin-bottom:0.2rem;}
.gridlist6_pic{width: 100%; height: 100%; position: relative; overflow: hidden;}
.gridlist6_pic img { display:block;object-fit: cover; width: 100%;  min-height: 100%; transition: 400ms;  -webkit-transition: 400ms; -ms-transition: 400ms;}
.gridlist6time{ width: 1rem; height: 1rem; text-align: center;padding: 0.1rem; color: #FFFFFF; position: absolute; right: 0; top: 0; background: #303136;z-index: 1;}
.gridlist6time dt{ font-size: 0.4rem;}
.gridlist6time dd{ font-size: 0.16rem;}
.gridlist6text{ width:100%; position:relative; overflow:hidden;}
.gridlist6txt{ width:100%; height:0.5rem; line-height: 0.25rem;; position:relative; overflow:hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; margin-bottom: 0.3rem;}
.gridlist6Title{ font-size:0.2rem; position:relative; font-weight:normal;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:0.25rem; }
.gridlist6_more{ width: 100%; position: relative; overflow: hidden;}
.gridlist6_more a{ font-size: 0.16rem; color: #666666;display: -webkit-flex;  display: flex;align-items:center;}
.gridlist6_more a:hover{ color: #91708b;}
.webicon-gridlist6more:before{ content: "\e638";margin-left:0.1rem;}

.gridlist6 li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.gridlist6 li:hover .gridlist6time { background: #91708b; }
/**带缩略图**/
.z_content_zg{ width:100%; position:relative; overflow:hidden;}
.z_content_newszg{display: -webkit-flex;  display: flex;  align-items:flex-start;  justify-content:space-between;}
.con_left{ width: 100%; position:relative; overflow:hidden;}
.con_right{ float: right; width:4.3rem; margin-left:0.5rem;flex-shrink: 0; position:relative; overflow:hidden;}
.thumblist{ width:100%; padding: 0.05rem; position:relative; overflow:hidden;}
.thumblist_nr{ width:100%; position:relative; overflow:hidden;display: -webkit-flex; /* Safari */ display: flex;/*align-items:center;*/justify-content:space-between;}
.thumblist li{ width:100%; position: relative; margin-bottom: 0.25rem;}
.thumblist li:first-of-type{ margin-top: 0.05rem;}
.thumblist li a{ display: block; width: 100%;  padding:0.2rem; border:#e4e4e4 solid 1px;position: relative; overflow: hidden;}
.thumblist li .InfoPicture{ width:3rem; height:1.7rem;flex-shrink: 0; margin-right:0.3rem; position:relative; overflow: hidden; }
.thumblist li .InfoPicture img{ width:100%;transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms;}
.thumblist_text{ width:100%; position:relative; overflow:hidden; padding: 0.15rem 0rem; display: -webkit-flex;  display: flex;flex-direction:column; justify-content:space-between;}
.thumblist_text_zh{ width:100%; position:relative; overflow:hidden;}
.thumblist_text h3{ font-size:0.18rem;overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; margin-bottom:0.15rem;}
.thumblist_bottom{ color:#a3a3a3; font-size:0.14rem; display: -webkit-flex;  display: flex; align-items:center;}
.thumblist_textp{ color:#555555; font-size: 0.14rem; margin-bottom:0.15rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.thumblist_time{display: -webkit-flex;  display: flex; align-items:center;}
.thumblist_time span{ font-size: 0.14rem; color: #888888; padding: 0rem 0.15rem; background: url(../images/foot_line.png) right no-repeat;}
.thumblist_time span:first-of-type{ padding-left: 0rem;}
.thumblist_time span:last-of-type{ background:none;}
.thumblist li a:hover .thumblist_text h3{ color:#91708b;}
.thumblist li a:hover .InfoPicture img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.thumblist li a:hover{border-color: #FFFFFF;  -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);  box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);}
/*带缩略图3*/
.thumblist3{ width:100%; position:relative;}
.thumblist3 ul{ width:100%; display: -webkit-flex; /* Safari */ display: flex;/*align-items:center;*/justify-content:start; flex-wrap: wrap;}
.thumblist3 li{ float: left; width:50%; padding: 0.1rem 0.15rem; display: contents; position: relative; display: -webkit-flex;  display: flex;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.thumblist3 li a{ width: 100%; display: block;}
.thumblist3k{ width:100%; padding: 0.4rem 0.2rem; position:relative; overflow:hidden;display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between;}
.thumblist3_time{flex-shrink: 0; border: #c6c6c6 solid 1px; padding: 0.1rem 0.15rem; text-align: center;position: relative; overflow: hidden;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.thumblist3_time dt{ font-size: 0.48rem; color: #666666;}
.thumblist3_time dd{ font-size: 12px; color: #666666; padding-bottom: 0.2rem;}
.thumblist3_con{ width:100%; padding-left: 0.2rem; padding-right: 0.2rem; position:relative; overflow:hidden; display: -webkit-flex;  display: flex;flex-direction:column; justify-content:space-between;}
.thumblist3_con h3{ color: #222222; font-size:0.22rem; font-weight: normal; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; margin-bottom:0.13rem;}
.thumblist3_txtp{ font-size: 0.14rem; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0.3rem;}
.thumblist3_con dd{ font-size: 12px; color: #999999; display: -webkit-flex; /* Safari */ display: flex; align-items:center;}
.thumblist3_con dd:before {display: inline-block; content: ""; width: 20px; height: 10px; margin-right: 10px; background: url("../images/eyeico.png") no-repeat center center; background-size: 100% 100%;}
.thumblist3k:hover{ border-color: #FFFFFF;-webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);}
.thumblist3k:hover .thumblist3_con h3{ color: #91708b;}
.thumblist3k:hover .thumblist3_time{ border-color: #91708b; background: #91708b;}
.thumblist3k:hover .thumblist3_time dt,.thumblist3k:hover .thumblist3_time dd{ color: #FFFFFF;}
/*文字列表*/
.textlist{ width: 100%; position: relative; overflow: hidden;}
.textlist li{ width: 100%; position: relative; overflow: hidden; margin-bottom: 0.17rem;display: -webkit-flex;  display: flex; align-items:center; justify-content: space-between;}
.textlist li h3{width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px); width:calc(100% - 80px); font-size: 0.18rem; overflow: hidden;font-weight: normal; white-space: nowrap; text-overflow: ellipsis;}
.textlist li h3 i{ font-weight: bold; margin-right: 0.05rem; color: #91708b;}
.textlist li span{ width: 75px; flex-shrink: 0; font-size: 0.14rem; color: #797979;}
/*文字列表1*/
.productmenu{ width: 100%; position: relative; overflow: hidden;}
.textlist1{ width: 100%; margin: 0.2rem auto; display: -webkit-flex;  display: flex; align-items:center; justify-content: center; flex-wrap: wrap;}
.textlist1 li{ float: left; padding:0rem 0.15rem; margin-top: 0.15rem; margin-bottom: 0.15rem; position: relative; overflow: hidden;}
.textlist1 li span{cursor: pointer; font-size: 0.2rem; display: block; padding:0.15rem 0.5rem; border-radius: 0.3rem; background: #FFF; color: #666; text-align: center;}
.textlist1 li span:hover{ background: #91708b; color: #FFF; }
.textlist1 li.active span{ background: #91708b; color: #FFF; }
/*文字列表2*/
.textlist2{ width: 100%; position: relative; overflow: hidden;}
.textlist2 li{ width: 100%; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; justify-content: space-between;padding: 0.3rem 0.1rem;    border-bottom: #DADADA dashed 1px;}
.textlist2 li i{ width: 0.05rem; height: 0.05rem; border-radius: 100%; background: #91708b; flex-shrink: 0; margin-right: 0.1rem;}
.textlist2_txt{width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px); width:calc(100% - 80px);display: -webkit-flex;  display: flex;}
.textlist2_txt h3{ width: 100%; display: -webkit-flex;  display: flex;align-items:center;font-size: 0.18rem; font-size: 0.18rem; overflow: hidden;font-weight: normal; white-space: nowrap; text-overflow: ellipsis;}
.textlist2_txt h3 a{ overflow: hidden;font-weight: normal; white-space: nowrap; text-overflow: ellipsis;}
.textlist2_txt span{flex-shrink: 0; width: 0.2rem; height: 0.2rem; margin-left: 0.1rem; position: relative; overflow: hidden;}
.textlist2_txt span a{ width: 100%; height: 100%; display: block;}
.textlist2_txt span b{ display: inline-block; width: 100%; height: 100%; background: url("../images/downico.png") no-repeat center center; background-size: cover;}
.textlist2_time{flex-shrink: 0;  font-size: 0.14rem; color: #797979;}
.textlist2 li:hover{ background: #E8F2FE;}
.textlist2 li:hover a{ color: #0351b1;}
/*==========@@模块  结束@@==========*/
/*===首页 开始===*/
#floor_1_main{ overflow:hidden; background: url("../images/aboutbg.jpg") no-repeat center center; background-size: cover;}
#floor_2_main{ overflow:hidden; background:#f5f5f5;}
#floor_3_main{ overflow:hidden; background: url("../images/qjbg.jpg") no-repeat center center; background-size: cover;}
#floor_4_main{ overflow:hidden;}
.main_about{ width: 100%; margin: 0 auto; position: relative; overflow: hidden;display: -webkit-flex;  display: flex;flex-wrap: wrap;}
#floor_5_main{}
#floor_6_main{ background: #fafafa;}
#floor_7_main{ width: 100%; position: relative; overflow: hidden;}
#floor_8_main{ overflow:hidden; background: url("../images/contact_bg.jpg") no-repeat center center; background-attachment: fixed; background-size: cover;}
.main_aboutleft{ width: 6.6rem; flex: 1; padding-right: 0.25rem; float: left; position: relative; overflow: hidden;}
.main_aboutright{ width: 6.9rem; float: left; flex: 1; position: relative; overflow: hidden;}
.main_aboutpic{ width: 100%; height: 4.1rem; padding-left: 0.15rem; padding-right: 0.15rem; position: relative; overflow: hidden;}
.main_aboutpic video{ width: 100%; height: 100%; object-fit: cover;}
.main_aboutpic img{ width: 100%; min-height: 100%; object-fit:cover;}
.main_aboutspic{ width: 100%; margin-top: 0.3rem; position: relative; overflow: hidden;}
.main_aboutspic ul{ position: relative; overflow: hidden;}
.main_aboutspic ul li{ width: 50%; float: left; padding-left: 0.15rem; padding-right: 0.15rem; position: relative; overflow: hidden;}
.main_aboutspicli{ width: 100%; height: 2rem; position: relative; overflow: hidden;}
.main_aboutspicli img{ width: 100%; height: 100%; object-fit: cover;}
.main_abouttext h2{ width: 100%; font-family: 'ZhenyanGB'; font-size:0.3rem; margin-bottom: 0.2rem; position: relative; overflow: hidden;}
.main_abouttxt{ width: 100%; position: relative; overflow: hidden; font-size: 0.18rem;}
.main_abouttext{ width: 100%; height: 100%; position: relative; overflow: hidden;display: -webkit-flex; display: flex;flex-direction: column;justify-content: space-between;}
.main_abouttxt{ position: relative; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 15; -webkit-box-orient: vertical;}
.main_aboutmore{ width: 100%; margin-bottom: 0.3rem; margin-top: 0.2rem; position: relative; overflow: hidden;}
.main_aboutmore a{ font-size: 0.14rem; background: #91708b; color: #FFFFFF; display: inline-block; padding: 0.1rem 0.25rem; border-radius: 0.2rem;}
.submore{ width: 100%; text-align: center; margin-bottom: 0.3rem; margin-top: 0.2rem; position: relative; overflow: hidden;}
.submore a{ font-size: 0.14rem; background: #91708b; color: #FFFFFF; display: inline-block; padding: 0.1rem 0.25rem; border-radius: 0.2rem;}
/*优势特点组件6*/
.serve{ max-width: 15rem; margin: 0 auto;padding: 0.2rem 0; position: relative; overflow: hidden;}
.serve_pic{ position: relative; width: 5rem; height: 5rem; margin: auto; padding: 0.4rem;}
.serve ul{ height: 5.5rem; }
.serve_txt{ position: relative; overflow: hidden;}
.serve_title{color: #515259; font-size: 0.2rem; margin-bottom: 0.15rem;}
.serve_title span{ font-weight: bold; display: inline-block; background: #ffcb4d;border-radius: 0.2rem;padding: 3px 10px;}
.serve_description{color: #313131; font-size: 0.16rem; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.serve li{ position: absolute; text-align: right; width: 3.8rem; }
.serve li.m1{ text-align: left; }
.serve li.n1{left: 0.5rem; top: 0rem;}
.serve li.n2{ right: 0.5rem; top: 0rem; }
.serve li.n3{ left: 0.2rem; top: 1.4rem; }
.serve li.n4{ right: 0.2rem;  top: 1.4rem; }
.serve li.n5{ left: 0rem;  top: 2.6rem; }
.serve li.n6{ right: 0rem;  top: 2.6rem; }
.serve li.n7{ left: 0.45rem;  top: 3.9rem; }
.serve li.n8{ right: 0.45rem;  top: 3.9rem; }
.serve_pic .mpic1{ width: 4rem; height: 4rem; background: #FFFFFF; margin: 0 auto; border-radius: 50%; border: #FFFFFF solid 0.05rem;}
.serve_pic .mpic2{position: absolute; left: 0%;  top: 0%; width: 100%; transform: translate(-50%,-50%);  z-index:-1;-webkit-animation: animal 10s infinite linear;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;}
@-webkit-keyframes animal {
    0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    100%{transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg);}
}
.serve_pic  i{ position: absolute; width: 0.2rem; height: 0.2rem; background: #056845; border-radius: 50%; }
.serve_pic  i.n1{ left: 0.8rem; top: 0.2rem;}
.serve_pic  i.n1:before,.serve_pic  i.n3:before,.serve_pic  i.n5:before,.serve_pic  i.n7:before {content: ""; left: -0.15rem; z-index: -1;  width: 0.3rem; height: 1px; background: #b8b8b8;transform: rotate(40deg);position: absolute;}
.serve_pic  i.n1:after,.serve_pic  i.n3:after,.serve_pic  i.n5:after,.serve_pic  i.n7:after { width: 0.7rem; height: 1px;top: -0.1rem;left: -0.81rem; content: ""; z-index: -1; position: absolute; background: #b8b8b8;}
.serve_pic  i.n2:before,.serve_pic  i.n4:before,.serve_pic  i.n6:before,.serve_pic  i.n8:before {content: ""; left: 0.05rem; z-index: -1;  width: 0.3rem; height: 1px; background: #b8b8b8;transform: rotate(130deg);position: absolute;}
.serve_pic  i.n2:after,.serve_pic  i.n4:after,.serve_pic  i.n6:after,.serve_pic  i.n8:after { width: 0.7rem; height: 1px;top: -0.12rem;left: 0.3rem; content: ""; z-index: -1; position: absolute; background: #b8b8b8;}
.serve_pic  i.n2{ right: 0.8rem; top: 0.2rem; background: #846541;}
.serve_pic  i.n3{ left: -0.05rem; top: 1.4rem; background: #125AA8;}
.serve_pic  i.n4{ right: -0.05rem; top: 1.4rem; background: #ADA158;}
.serve_pic  i.n5{ left: 0.025rem; top: 2.6rem; background: #5AAD42;}
.serve_pic  i.n6{ right: 0.025rem; top: 2.6rem; background: #cfb70b;}
.serve_pic  i.n7{ left: 0.35rem; top: 4rem; background: #0bcfa7;}
.serve_pic  i.n8{ right: 0.35rem; top: 4rem; background: #349aff;}
/*合作品牌*/
.index7_list{ width: 100%; position: relative; overflow: hidden;}
.index7_list ul{ margin: -0.15rem -0.1rem;display: -webkit-flex;  display: flex; justify-content:flex-start; flex-wrap: wrap;}
.index7_list ul li{ width: 16.66666%; padding: 0.15rem 0.1rem; float: left; position: relative; overflow: hidden;}
.index7_list ul li span{ width: 100%;  height: 1.35rem; background: #FFFFFF;display: -webkit-flex;  display: flex; align-items:center;justify-content: center;}
.index7_list ul li a{ width: 100%;  height: 100%; display: -webkit-flex;  display: flex; align-items:center;justify-content: center;}
.index7_list ul li img{ width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: cover; filter: grayscale(1); opacity: .7;}
.index7_list ul li img:hover{ filter: grayscale(0); opacity: 1;}
/*联系我们*/
.main_contact{ width: 90%; margin: 0 auto; padding-top: 0.5rem; padding-bottom: 0.5rem; position: relative; overflow: hidden;display: -webkit-flex;  display: flex; align-items:center; flex-wrap: wrap;}
.main_contactleft{float: left; width: 50%;}
.main_contactright{float: left; width: 50%; padding-left: 1rem;}
.main_contactleftk{ width: 100%; color: #fff; padding: 0.3rem; border: 2px solid #FFFFFF; background: linear-gradient(to bottom, #fed164, #fab209);}
.main_contactleftk dt{ font-size: 0.3rem; font-weight: bold; margin-bottom: 0.1rem;letter-spacing: 0.08rem;}
.main_contactleftk dd{ font-size: 0.12rem;letter-spacing: 0.01rem;}
.main_contactrightk{  width: 100%;}
.main_contactrightk dt{ font-size: 0.3rem; font-weight: bold; color: #fff; margin-bottom: 0.1rem;}
.main_contactrightk dd{ display: inline-block; padding: 0.05rem 0.15rem; background: #ed1c24;color: #fff;text-shadow: 3px 5px 10px #000;border-radius: 0.15rem; font-size: 0.12rem;}
.main_contactrightk dd strong{ font-size: 0.3rem; margin-right: 0.1rem;}

.index_from{ width:100%;}
.index_from ul{ width:100%;display: -webkit-flex;  display: flex; align-items:center;justify-content: center;}
.index_from ul li{ width: 3.2rem; margin-right: 0.1rem;}
.index_from ul li input{padding: 0.1rem 0.15rem;}
.index_from ul dd{width: 1rem;}
.index_submit{ color:#e3123f; font-size:0.16rem;    padding: 0.1rem 0.15rem;}
.indexcode{ position:relative; overflow:hidden;}
.indexcode .form_text_verifycode{padding: 0.1rem 0.15rem; width: 1rem;}
.indexcode .code_image{ height: 0.4rem;}
.index_from dt{ width: 100%; position: relative; overflow: hidden; text-align: center; color: #FFFFFF; margin-top: 0.1rem;}
/*==团队风采 开始==*/
.main_team{ width:100%; position:relative; overflow:hidden;display: -webkit-flex; /* Safari */ display: flex;align-items:flex-start;justify-content:space-between;}
.main_teamlist{ width:49%; position:relative; overflow:hidden;display: -webkit-flex; /* Safari */ display: flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.tconslide{display: -webkit-flex; /* Safari */ display: flex;align-items:center;justify-content:center;position:relative; overflow:hidden;}
.main_teamlisttop0,.main_teamlisttop1{ width:48%; height:2.2rem;}
.tpic{ width:100%;height: 100%; background-color: rgba(0, 0, 0, 0.2); position:relative; overflow:hidden;display: -webkit-flex; /* Safari */ display: flex;justify-content:center;}
.main_teamlisttop0 img,.main_teamlisttop1 img{ width:auto; height:auto; max-height:100%;}
.main_teamlist li img{cursor: pointer; height: 100%; width:100%; object-fit: cover;}
.main_teamlisttop2{ width:100%; height:4.2rem; margin-top:0.2rem;}
.main_teamlist:nth-child(even){flex-wrap: wrap-reverse;}
.main_teamlist:nth-child(even) .main_teamlisttop2{ margin-top:auto; margin-bottom:0.2rem;}
.tmask{ position:absolute; width: 100%; padding: 0.1rem; display: -webkit-flex; /* Safari */ display: flex;align-items:center;justify-content: center;}
.tconslide .tmask {
   background-color: rgba(0, 0, 0, 0.5);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.tconslide h2 { font-size:0.24rem;
   background: transparent;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #fff;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.tconslide:hover .tmask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.tconslide:hover h2{
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
/*==团队风采 结束==*/
/*===首页 结束===*/
/**二级页面**/
.sublocation{ width: 100%; position: relative; overflow: hidden; margin-top: 0.4rem; padding-bottom: 0.4rem; border-bottom: #bdbdbd solid 2px;}
#location{  width: 100%; font-size: 0.24rem; color: #595757; position: relative; overflow: hidden; }
#location{}

/*banner带文字*/
.erbanner{ width:100%; position:relative; overflow:hidden; display: -webkit-flex;  display: flex;align-items: center;}
.erbanner_pic{ width:100%; height: 3.8rem; position:relative; overflow:hidden;}
.erbanner img{ width:100%; height: 100%; object-fit: cover;}
.erbanner_k{ width:100%; position:relative; overflow:hidden; text-align: center;}
.erbanner_txt{ padding: 0.7rem 0.6rem; background: rgba(0,0,0,0.3); position: relative; overflow: hidden;}
.erbanner_title{ width:100%; position:absolute; overflow:hidden;}
.erbanner_txt h3{ font-size:0.4rem; color:#FFF; text-transform: uppercase; font-weight: normal;}
.erbanner_txt h3:first-line{ color:#FFF; margin-bottom:0.15rem;font-weight: bold;}

/*slide不带文字*/
.subslide{ width:100%; position:relative; overflow:hidden;}
.subslide_pic{ width:100%; height: 6.8rem; position:relative; overflow:hidden;}
.subslide_pic img{ width:100%; height: 100%; object-fit: cover;}

/*===招聘频道  开始===*/
.job{ }
.joblist {padding: 0.25rem;}
.joblist li {overflow: hidden; background: #FFF; margin-bottom: 20px; }
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
/* 简约风格 */
.text-joblist li{ padding: 20px 0; border-bottom: 1px solid #eee; background: #FFF; margin-bottom: 20px; transition-duration: .5s; }
.text-joblist li:last-child{ border-bottom: 0; }
.text-joblist .JobName{ overflow: hidden; }
.text-joblist .JobName h2{ float: left; font-size: 24px; }
.text-joblist .JobName .Salary{ float: right; font-weight: bold; font-size: 20px; color: #ff6000; }
.text-joblist .RequirementDetail{ padding: 15px 0; }
.text-joblist .RequirementDetail span{ padding-left: 8px; margin-left: 8px; border-left: 1px solid #ddd; display: inline-block; margin: 5px 0; }
.text-joblist .RequirementDetail span:first-child{ padding-left: 0; margin-left: 0; border: 0; }
.text-joblist .Requirement{ line-height: 1.8em; color: #555; }
.text-joblist .operation{ margin-top: 15px; }
.text-joblist li:hover{ box-shadow: 0 10px 35px rgba(0,0,0,.1); padding: 20px; }
/*应聘*/
.resume_table {width: 50%; margin: 0 auto; position:relative;  overflow: hidden;}
.resume_table .form_button{ width: auto;display: inline-block;padding: 0.1rem 0.3rem;}
/*联系我们*/
.contact_top{ width: 100%; position: relative; overflow: hidden; padding-bottom: 0.35rem; border-bottom: #e9e8e8 solid 1px; margin-bottom: 0.7rem; display: -webkit-flex;  display: flex; align-items:flex-start; justify-content:space-between;}
.contact_topleft{}
.contact_topleft h3{ font-size: 0.28rem; color: #333333; font-weight: normal;}

.contact_topright{ width: 3.2rem; text-align: right;}
.contact_topright i{ color: #333333; display: block;margin-bottom: 0.1rem;}
.webicon-add:before{content: "\e485";  font-size: 0.24rem; }
.contact_topright h3{ font-size: 0.18rem; font-weight: normal; color: #333333; margin-bottom: 0.1rem;}
.contact_topright dd{ text-align: right;font-size: 0.16rem; font-weight: normal; color: #666666;}
.contact_down{ width: 100%; position: relative; overflow: hidden; margin-bottom: 0.6rem;}
.contact_down ul{ display: block; margin: auto -0.1rem; position: relative; overflow: hidden;}
.contact_down ul li{ float: left;width: 20%; padding: 0rem 0.1rem; position: relative; overflow: hidden; border-right: #cecece solid 1px;}
.contact_downlist{ width: 100%; position: relative; overflow: hidden; text-align: center;}
.contact_downlist i{ color: #333333;  font-size: 0.32rem; display: block; margin-bottom: 0.35rem; position: relative; overflow: hidden;}
.contact_downlist h3{ font-size: 0.18rem; color: #333333; margin-bottom: 0.25rem;}
.contact_downlist h5{ font-size: 0.16rem;word-wrap:break-word; color: #666666;font-weight: normal;}
.webicon-contel:before{content: "\e6DC"; }
.webicon-fax:before{content: "\e620"; }
.webicon-ems:before{content: "\e484"; }
.webicon-web:before{content: "\e483"; }
.webicon-email:before{content: "\e6DB"; }
.webicon-mobile:before{content: "\e463"; }
.contact_map{ width: 100%; position: relative; overflow: hidden;}
/*产品详情*/
.showpro{ width: 100%; position: relative; overflow: hidden;}
.showpro_left{ float: left; width: 9.6rem; position: relative; overflow: hidden;}
.showpro_right{ float: inherit; padding-left: 0.3rem; position: relative; overflow: hidden;}
.showpro_leftk{width: 100%; position: relative; overflow: hidden;}
.showpro_gallery{width: 100%; margin-bottom: 0.3rem; position: relative; overflow: hidden;}
.showpropic{ width: 100%; height: 5.2rem; position: relative; overflow: hidden;}
.showpro_thumbs{width: 100%; position: relative; overflow: hidden;}
.showpro_gallery img{width: 100%; height: 100%; object-fit: cover;}
.showpro_thumbs ul{ position: relative;}
.showpro_thumbs li{ float: left; width: 25%; padding: 0 0.1rem; position: relative; overflow: hidden;}
.showproSpic{ width: 100%; height: 1rem; position: relative; overflow: hidden;}
.showpro_thumbs li img{ width: 100%; height: 100%;cursor: pointer; object-fit: cover;}
.showpro_thumbs li.swiper-slide-thumb-active img{ border: #0066CC solid 1px;}
.showpro_righttop{ width: 100%; height: 5.2rem; position: relative; overflow: hidden;}
.showpro_rightdown{ width: 100%; position: relative; overflow: hidden;}
.ProductDescription { position: relative; width: 100%; margin: 15px auto; overflow: hidden; padding: 0 15px; color: #04a07b;}
.ProductDescription span { float: left; border-bottom: 3px solid #04a07b; padding: 0 10px 10px; cursor: pointer; font-weight: bold; }
.ProductDescription:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background: #eee;
}
/*公共百度地图*/
#Map{ overflow:hidden; width:100%; position: relative;}
#Map .MapInfo{ width:100%;  height: 5.4rem; border: 1px dashed #ccc; padding:8px;}
#Map .MapInfo img{ width:100%;  height: 100%; object-fit:cover; }
#Map .ContactInfo{ width:45%; line-height:0.27em;}
#Map .ContactInfo .Company{ font-size:0.24rem; margin-bottom:8px;}
#Map .ContactInfo img{ width: 0.18rem; vertical-align:middle; margin-right:8px;}
/*===招聘频道  结束===*/
/*搜索 */
.seachwrap{ padding: 20px 0; }
.seachwrap form { max-width: 5.5rem; background: #f5f5f5; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; overflow: hidden; }
.seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; height: 40px; outline: none; background: #f5f5f5; }
.seachwrap input.Keywords { padding: 0 0 0 15px; width: 80%; float: left; }
.seachwrap input.btnSearch { width: 50px; padding: 0; background:url(../images/searchbtn.png) no-repeat center; float: right; opacity: .5; }
/*筛选*/
.infosearch_list{ width: 100%; position: relative; overflow: hidden;}
.infosearch_list ul{ position: relative; overflow: hidden;display: -webkit-flex;  display: flex; align-items: center;}
.infosearch_list li{ float: left;  width: 33.33333%;  padding: 0 0.1rem; position: relative; overflow: hidden;}
.infosearch_listk{ width: 100%; border-bottom: #0351b1 solid 0.03rem; position: relative; overflow: hidden;display: -webkit-flex;  display: flex;}
.infosearch_list select {font-size: 0.16rem;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    padding: 0.1rem;
    background: none;
    border: none;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    z-index: 99;
    color: #8e8e8e;
}
.infosearch_list select option{ font-size: 0.16rem;}
.infosearch_listbutton{display: -webkit-flex;  display: flex; align-items: center;}
.fa-search:before{ content: "\f002"; font-size: 0.12rem;}
.infosearch_listbutton input {font-size: 0.16rem;
    width: 100%; background: none;
    height: 40px;
    outline: none;
    box-sizing: border-box; padding: 0.1rem 0.6rem 0.1rem 0.1rem;
}
.infosearch_listbutton input::-webkit-input-placeholder {
       /* placeholder颜色  */
       color: #8e8e8e;
    }
.infosearch_listbutton button { position: absolute; right: 0; width: 0.55rem; height: 40px;line-height: 40px; color:#0351b1; background: none; border-style: none; outline: none;}
.infosearch_listbutton button .webicon-search:before{ font-size: 0.24rem;}
.infosearch_listbutton button .webicon-search{display: -webkit-flex;  display: flex; align-items: center; justify-content: center;}
/*----------全局搜索列表----------*/
.searchlist{ }
.searchlist li { line-height:40px; height:40px;text-indent:8px; background:url(../images/textlist.gif) no-repeat 0 center; border-bottom: 1px solid #eee; overflow:hidden;width:100%;/*解决ie6bug*/}
.searchlist li a{  }
.searchlist li .InfoTime{ float:right;}
/*----------全局搜索列表----------*/
/*===留言频道  开始===*/
.guestbook{ }
.guestbooklist{}
.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}
.MessageContent { padding:5px; margin-bottom:10px; }
.guestbook_table{ width:60%; margin: 0 auto; position: relative; overflow: hidden;}
.guestbook_table .form_button{ width: auto;display: inline-block;padding: 0.1rem 0.3rem;}


/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

/*留言表单*/
.message_title{ width: 100%; text-align: center; font-size:0.24rem; margin-bottom: 0.2rem; color:#333; font-weight:bold;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
/*===留言频道  结束===*/

/*===反馈频道 开始===*/
.erinfoshow{ position: relative; overflow: hidden;}

/*===反馈频道 结束===*/
/*会员*/
/*会员登录*/
.login_table{ width:40%; text-align:center; margin:0 auto;}
.login_table .operation{text-align:center}
.login_table .quick_login div{text-align:left; padding:10px 0;}
.login_table .quick_login div img{ margin-right:8px; float:left;}

/*会员注册*/
.reg_table{ width:40%; text-align:center; margin:0 auto;}
.reg_table .MemberCode{  text-align:left; width:70px;}
.reg_table #SmsCode{width:50px;}

/*忘记密码 第一步*/
.forget_table1{ width:40%; text-align:center; margin:0 auto;}
/*忘记密码 第二步*/
.forget_table2{ width:40%; text-align:center; margin:0 auto;}
.forget_table2 #SmsCode{ width:60px;}
.forget_table2 .PasswordQuestion, .forget_table2 .MemberMobile, .forget_table2 .FindPwdWay{ padding:3px 0;}
/*==========@@通用列表 开始@@==========*/

/*底部区域*/
.footbottom{ background-color: #91708b; color: #FFFFFF; padding-top: 0.7rem; padding-bottom: 0.4rem; width: 100%; min-height: 1px; position:relative; overflow: hidden;}
.footbottom_top{ width: 100%; position:relative; overflow:hidden; padding-bottom: 0.25rem; display: -webkit-flex;  display: flex;  align-items:center; justify-content: space-between; flex-wrap: wrap;}
.footbottom_down{ width: 100%; position:relative; padding-top: 0.25rem; border-top: #FFFFFF solid 1px; overflow: hidden;}
.footbottom_topleft,.footbottom_topcon,.footbottom_topright{ float: left; min-height: 1px; position: relative; overflow: hidden;}
.footbottom_topleft{ width: 40%; padding-right: 0.15rem; position: relative; overflow: hidden;}
.footbottom_topcon{ width:-webkit-calc(60% - 1.4rem);width:-moz-calc(60% - 1.4rem); width:calc(60% - 1.4rem); position: relative; overflow: hidden;}
.footbottom_topright{ margin-left: 0.15rem; width: 1.25rem; position: relative; overflow: hidden;}
.footbottom_topright dt{ width: 100%; height: 100%; border-radius: 0.1rem; position: relative; overflow: hidden;}
.footbottom_topright dt img{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.footbottom_topright dd{ width: 100%; text-align: center; font-size: 0.18rem; margin-top: 0.1rem;}
.footbottom_logo img{ max-width: 100%; width: auto;  max-height: 1.1rem; height: auto;}
.footbottom_add{ color: #FFFFFF; margin-top: 0.1rem;}
.footbottom_add h3{ font-size: 0.2rem; font-weight: normal;}
.footbottom_tel{float: left; color:#FFF; display: -webkit-flex;  display: flex;  align-items:center;  justify-content:flex-start;}
.webicon-tel:before{ content: "\e629"; font-size:0.48rem;margin-right:0.15rem;}
.footbottom_tel h3{ font-size:0.3rem;}
.footbottom_tel h5{ font-size:0.18rem; font-weight: normal;}
.footbottom_toprightline dt a:hover{ background-color: #FFFFFF; color: #292929;}

.bottom_main_con{ text-align: center; padding-top: 0.25rem; position: relative; overflow: hidden;display: -webkit-flex;  display: flex; justify-content: center;flex-wrap: wrap;}
.bottom_main_con span{ margin: auto 10px;}
.bottom_main_con,.bottom_main_con a{ color: #FFFFFF;font-size: 12px; text-decoration: none;}
/*分享*/
.social-share{ text-align: center; color:#fff;font-style:normal; -webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale; position: relative; overflow: hidden;display: -webkit-flex;  display: flex; justify-content: center;}
.social-share *{font-family: "socialshare" !important;}
.social-share a{margin-left:0.4rem;color:#fff; position: relative;}
.social-share .social-share-icon{ border-radius: 100%; color: #8f8f8f; border: none;}
.social-share a{ margin-left: 0.2rem;}
.social-share .icon-wechat:before {
    content: "\f09a";
}
.social-share .icon-weibo:before {
    content: "\f12a";
}
.social-share .icon-tencent:before {
    content: "\f07a";
}
.social-share .social-share-icon {
    position: relative;
    width: 0.4rem;
    height: 0.4rem;;
    font-size: 0.24rem;
    border-radius: 50%;
    color: #FFFFFF;
	border: #fff solid 1px;
    text-align: center;
	display: -webkit-flex;  display: flex; align-items: center; justify-content: center;
    transition: background 0.6s ease-out 0s;
}
.wechat-qrcode { width: 240px; height: 300px; padding: 10px; display: none; z-index: 10002; position: fixed; background: #FFFFFF; top: 50%; left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.zhe{ display: none; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); position: fixed; z-index: 10001;}
.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}
.qrcode-close:before { content: "\F00D"; font-family: "FontAwesome"; font-size: 0.18rem; color: #91708b; position: absolute; right: 10px; top: 0;}
.social-share .icon-wechat .wechat-qrcode .qrcode { width: 80%; margin: 0 auto; margin-bottom: 10px;}
.social-share .icon-wechat .wechat-qrcode .qrcode img{ width: 100%;}
.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal; font-size: 12px; color: #000000; letter-spacing:normal;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

/*分页样式*/
.page_main{ clear: both; text-align: center; padding: 20px 0; }
.page { display: inline-block; border-right: 1px solid #ddd; border-radius: 6px; overflow: hidden; }
.page a, .page span {float: left; padding: 0 5px; min-width: 35px; line-height:35px; text-align: center; border: 1px solid #ddd; border-right: 0; color: #888; }
.page a{ color: #333; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { color:#FFF; background: #91708b; }
.page .current{ color:#FFF; background: #91708b; border-color: #91708b; border-left: 1px solid #ddd; }
.page #total{color:red}
/*==========@@通用列表  结束@@==========*/
#topcontrol{ z-index: 4;}
/**比例控制**/
@media (max-width: 1365px) {
	
}
@media (max-width: 1023px) {	
	
	
} 
@media(max-width:992px){
	html, body {  font-size: calc(100vw / 9.9); }
	.container,.topcontainer { width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
     }
	#banner_main{ height: auto;}
	.banner .swiper-pagination-bullet{ width: 0.5rem;}
	.banner .swiper-pagination-fraction,.banner .swiper-pagination-custom,.banner .swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 0.2rem;}
    .banner .swiper-button-prev,.banner .swiper-button-next{width: 0.3rem; height: 0.3rem; padding: 0.15rem;}
	.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ font-size: 0.2rem;}
	.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{ left: 15px;}
    .banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{ right: 15px;}
	.gridlist2 li{ width: 33.33333%;}
	.sub_teammenuk{ margin: auto -0.15rem;}
	.sub_teammenu li{ width: 33.33333%;padding: 0rem 0.15rem;}
	.sub_teammenu li:nth-of-type(9n-3){ margin-left: 0rem;}

}

@media(max-width:767px){
	html, body {  font-size: calc(100vw / 7.8); }
	#floor_1_main{ padding-top: 0.5rem; padding-bottom: 0.25rem;}
    #floor_2_main{ padding-top: 0.5rem; padding-bottom: 0.25rem;}
    #floor_3_main{ padding-top: 0.5rem; padding-bottom: 0.25rem;}
    #floor_4_main{ padding-top: 0.5rem; padding-bottom: 0.25rem;}
    #floor_5_main{ padding-top: 0.5rem; padding-bottom: 0.25rem;}
    #floor_6_main{ padding-top: 0.5rem; padding-bottom: 0.25rem;}
    #floor_7_main{ padding-top: 0.5rem; padding-bottom: 0.25rem;}
	#sub_service1{ padding-top: 0.4rem; padding-bottom: 1.2rem;}
    #sub_service2,#sub_service3,#sub_service4,#sub_service5,#sub_service6,#sub_service7,#sub_service8,#sub_service12{ padding-top: 0.6rem; padding-bottom: 0.4rem;}
	.left_body1con{ padding-top: 0.3rem; padding-bottom: 0.2rem;}
	.ChannelContent{ width: 100%;}
	.main_aboutleft{ width: 100%;flex: auto; padding-right: 0rem;}
	.main_aboutpic{ width: 100%; height: 2.4rem; flex: auto; margin-right: 0rem; margin-bottom: 0.1rem;}
	.main_aboutspicli{height: 1.4rem;}
	.main_aboutright{ width: 100%;flex: auto; padding-left: 0rem;}
	.main_serviceul li{ width: 33.33333%;}
	.main_title{ width: 100%; margin-bottom: 0.3rem;}
	.erbanner_pic,.subslide_pic{ height: 4.2rem;}
	#maintongji{ width: 100%;}
	.about_maintongji{ flex-wrap: wrap;}
	.about_maintongji li{ width: 50%;}
	.main_contactleft{ margin-bottom: 0.2rem;}
	.main_contactright{ padding-left: 0rem;}
	.index_from ul{ flex-wrap: wrap;}
	.index_from ul li{ width: 100%; margin-bottom: 0.1rem;}
	.main_contactleft,.main_contactright{ width: 100%;}	
	.main_team{ flex-wrap: wrap;}
	.main_teamlist{ width: 100%;}
	.main_teamlist:first-of-type{ }
	.main_teamlisttop0, .main_teamlisttop1{ width: 100%; height: 2rem; margin-bottom: 0.2rem;}
	.main_teamlisttop2{ height: 2rem; margin-bottom: 0.2rem; margin-top: 0rem;}
	.gridlist li{ width: 50%; padding: 0.1rem;}
	#floor_3_main .gridlist li{ width: 100%;}
	.gridlist1 li{ width: 50%; padding: 0.1rem;}
	.gridlist1 li a{ height: 1.4rem;}
	.gridlist2 li,.gridlist6 li{ width: 50%;}
	.gridlist6_top{ height: 2.2rem;}
	.thumblist3 li{ width: 100%;}
	.thumblist_nr{ flex-wrap: wrap;}
	.thumblist li .InfoPicture{ width: 100%; height: 2.8rem;}
	.index7_list ul li{ width: 50%;}
	.serve li{ width: 100%; text-align: left; margin-bottom: 0.15rem; position: relative; overflow: hidden;}
	.serve_pic{ display: none;}
	.serve ul{ height: auto;}
	.serve li.n1{ left: auto; top: auto;}
	.serve li.n2{ right: auto; top: auto; }
    .serve li.n3{ left: auto; top: auto; }
    .serve li.n4{ right: auto;  top: auto; }
    .serve li.n5{ left: auto;  top: auto; }
    .serve li.n6{ right: auto;  top: auto; }
    .serve li.n7{ left: auto;  top: auto; }
    .serve li.n8{ right: auto;  top: auto; }
	.showpro_righttop{ height: auto; margin-top: 0.3rem;}
	.page_main .pageinfo, .page_main .pagefirst, .page_main .pageend, .page_main .pageup, .page_main .pagedown{ display: none; }
	.con_left{ width: 100%;}
	.con_right{ display: none;}
	.gridlist2_con li{ width: 50%;}
	.resume_table{ width: 100%;}
	.guestbook_table{ width: 100%;}
	.contact_top{flex-wrap: wrap;}
	.contact_topleft{ width: 100%; margin-bottom: 15px;}
	.contact_topright dd{ text-align: left;}
	.contact_topright{ width: 100%; text-align: left;}
	.contact_down ul li{ width: 50%; margin-bottom: 15px;}
	.showpro_left{ width: 100%;}
}
@media(max-width:480px){
	html, body {  font-size: calc(100vw / 4.8); }
	.erbanner_pic,.subslide_pic{ height: 3.8rem;}
	.jyguidebanner_txt h3,.erbanner_txt h3,.vipcenter_txt h3{font-size: 0.2rem;}
	.main_serviceul li{ width: 50%;}
	.subnewsslide_pic{ height: 2.8rem;}
	.gridlistk_pic{ height: 1.2rem;}
	#floor_3_main .gridlistk_pic{ height: 2rem;}
	.gridlistk h3{  font-size: 0.16rem;}
	.gridlist2_pic{  height: 1.2rem;}
	.footbottom_topleft{ width: 100%; margin-bottom: 0.15rem;}
	.footbottom_topcon{ width: 100%; margin-bottom: 0.15rem;}
	.footbottom_topright{ margin-left: 0rem;}
	.sub_teammenu li{ width: 50%;}
	.gridlist6 li{ width: 100%;}
	.gridlist6_top{ height: 2rem;}
}